<template>
  <q-card
    class="text-white no-shadow"
    bordered
    style="background-color: #181c4d"
  >
    <q-card-section>
      <div class="text-h6 q-pa-sm">
        {{ name }}
      </div>
      <div class="q-pa-sm">
        {{ text }}
      </div>
      <div class="q-pa-sm text-red-6">
        {{ des }}
      </div>
    </q-card-section>
  </q-card>
</template>

<script setup lang="ts">
interface Props {
  text: string;
  name: string;
  des: string;
}
withDefaults(defineProps<Props>(), {});
</script>

<style scoped></style>
